function loginPopup() {
    $('#popup-login').show();
    var left = $(window).width() / 2 - $('#popup-login').width() / 2;
    $('#popup-login').css({
        left: left
    });
}
        
$(document).ready(function(){
    loginPopup();
});

$(window).resize(function() {
    loginPopup();
});

$('#grid-view').click(function(e) {
    /* Act on the event */
    $(this).addClass('active');
    $('#list-view').removeClass('active');
    $('#view-content').removeClass('list');
    $('#view-content').addClass('grid').hide().fadeIn('slow');
});
$('#list-view').click(function(e) {
    /* Act on the event */
    $(this).addClass('active');
    $('#grid-view').removeClass('active');
    $('#view-content').removeClass('grid');
    $('#view-content').addClass('list').hide().fadeIn('slow');
});
 function customRadio(radioName){

            var radioButton = $('input[name="'+ radioName +'"]');

            $(radioButton).each(function(){

                $(this).wrap( "<span class='custom-radio'></span>" );

                if($(this).is(':checked')){

                    $(this).parent().addClass("selected");

                }

            });

            $(radioButton).click(function(){

                if($(this).is(':checked')){

                    $(this).parent().addClass("selected");

                }

                $(radioButton).not(this).each(function(){

                    $(this).parent().removeClass("selected");

                });

            });

        }

        // Calling customRadio function

        $(document).ready(function (){

            customRadio("gender");

        })
        

$('#stop').click(function(e) {
 /* Act on the event */
 $(this).removeClass('btn-stop');
 $(this).addClass('btn-stoping');
 $('#play').removeClass('btn-playing');
 $('#play').addClass('btn-play');
 $('#pause').removeClass('btn-pausing');
 $('#pause').addClass('btn-pause');
 $('#start').removeClass('btn-starting');
 $('#start').addClass('btn-start');
});

$('#play').click(function(e) {
 /* Act on the event */
 $(this).removeClass('btn-play');
 $(this).addClass('btn-playing');
 $('#pause').removeClass('btn-pausing');
 $('#pause').addClass('btn-pause');
 $('#start').removeClass('btn-starting');
 $('#start').addClass('btn-start');
 $('#stop').removeClass('btn-stoping');
 $('#stop').addClass('btn-stop');
});

$('#start').click(function(e) {
 /* Act on the event */
 $(this).removeClass('btn-start');
 $(this).addClass('btn-starting');
 $('#stop').removeClass('btn-stoping');
 $('#stop').addClass('btn-stop');
 $('#pause').removeClass('btn-pausing');
 $('#pause').addClass('btn-pause');
 $('#play').removeClass('btn-playing');
 $('#play').addClass('btn-play');
});

$('#pause').click(function(e) {
 /* Act on the event */
 $(this).removeClass('btn-pause');
 $(this).addClass('btn-pausing');
 $('#play').removeClass('btn-playing');
 $('#play').addClass('btn-play');
 $('#start').removeClass('btn-starting');
 $('#start').addClass('btn-tart');
  $('#stop').removeClass('btn-stoping');
 $('#stop').addClass('btn-stop');

 
});
$('#myModal').modal(options);

$('#myModal').modal('show');

$(":file").filestyle({icon: false});


